
$(function () {
	var aleft = ($('body').width() - 650) / 2
	$(document).mousemove(function (e) {
		
		
		if (this.move) {
			var posix = !document.move_target ? { 'x': 0, 'y': 0 } : document.move_target.posix
			callback = document.call_down || function () {
				/*console.log("=============2");
				console.log('>>>>>' + $('#container').height());
				console.log($('#container').position().top);
				console.log($('#container').position().left);
				console.log($('#qrcode').position().top);
				console.log($('#qrcode').position().left);
				console.log(e.pageY);
				console.log(posix.y);*/
				let left = e.pageX - posix.x - $('#container').width() - aleft + 300
				// document.documentElement.scrollTop  是body的右侧滚动条 距离顶部分的高度
				let top = e.pageY - posix.y - 141 - document.documentElement.scrollTop
				// console.log(left);
				// console.log(top);
				if ($('#container').position().top > top) {
					top = $('#container').position().top;
				}
				if ($('#container').position().left > left) {
					left = $('#container').position().left;
				}
				if ($('#container').position().top + $('#container').height() < top + $(this.move_target).height()) {
					top = $('#container').position().top + $('#container').height() - $(this.move_target).height();
				}
				if ($('#container').position().left + $('#container').width() < left + $(this.move_target).width()) {
					left = $('#container').position().left + $('#container').width() - $(this.move_target).width();
				}

				$(this.move_target).css({
					'top': top - $('#container').position().top,
					'left': left - $('#container').position().left
				});
			};

			callback.call(this, e, posix);
		}
		e.stopPropagation()
		return false;
	}).mouseup(function (e) {
		//后台提交给前台的  y    $('#box').position().top
		//后台提交给前台的  x     $('#box').position().left
		// 二维码 宽 $('#box').width()
		// 二维码 高 $('#box').height()
		//console.log($('#qrcode').position())
		qrcodeY = $('#qrcode').position().top;
		qrcodeX	 = $('#qrcode').position().left;
			qrcodeHeight = $('#qrcode').width();
			qrcodeWidth = $('#qrcode').height();
		if (this.move) {
			var callback = document.call_up || function () { };
			callback.call(this, e);
			$.extend(this, {
				'move': false,
				'move_target': null,
				'call_down': false,
				'call_up': false
			});
		}
		e.stopPropagation()
		return false;
	});

	var $box = $('#qrcode').mousedown(function (e) {
		var offset = $(this).offset();

		this.posix = { 'x': e.pageX - offset.left, 'y': e.pageY - offset.top };
		$.extend(document, { 'move': true, 'move_target': this });
		e.stopPropagation()
		return false;
	}).on('mousedown', '#coor', function (e) {
		var posix = {
			'w': $box.width(),
			'h': $box.height(),
			'x': e.pageX,
			'y': e.pageY
		};

		$.extend(document, {
			'move': true, 'call_down': function (e) {
				$box.css({
					//30  是指缩放最小的高宽
					'width': Math.max(30, Math.min($('#container').width() / 1.5, e.pageX - posix.x + posix.w)),
					'height': Math.max(30, Math.min($('#container').width() / 1.5, e.pageX - posix.x + posix.w)),
					//'height': Math.max(30, Math.min($('#container').height() / 2, e.pageY - posix.y + posix.h))
				});
				e.stopPropagation()
				return false;
			}
		});
		e.stopPropagation()
		return false;
	});
});